{% extends "auth/base.html" %}

{% block title %}首页 - Flask权限管理系统{% endblock %}

{% block content %}
<div class="container-fluid">
    <div class="row">
        <div class="col-12">
            <div class="jumbotron bg-primary text-white rounded-3 p-5 mb-4">
                <h1 class="display-4">欢迎使用Flask权限管理系统</h1>
                <p class="lead">这是一个基于Flask的用户认证与权限管理系统，支持基于角色的访问控制(RBAC)。</p>
                <hr class="my-4 bg-white">
                <p>系统提供了完整的用户管理、角色管理和权限管理功能，支持OAuth登录和传统登录方式。</p>
                {% if not current_user.is_authenticated %}
                <a class="btn btn-light btn-lg" href="{{ url_for('auth.login') }}" role="button">立即登录</a>
                <a class="btn btn-outline-light btn-lg ml-2" href="{{ url_for('auth.register') }}" role="button">注册账号</a>
                {% else %}
                <a class="btn btn-light btn-lg" href="{{ url_for('main.dashboard') }}" role="button">进入控制台</a>
                {% if current_user.is_administrator() %}
                <a class="btn btn-outline-light btn-lg ml-2" href="{{ url_for('admin.dashboard') }}" role="button">管理面板</a>
                {% endif %}
                {% endif %}
            </div>
        </div>
    </div>
    
    <div class="row">
        <div class="col-md-4 mb-4">
            <div class="card h-100 shadow-sm">
                <div class="card-body text-center">
                    <i class="fas fa-users fa-3x text-primary mb-3"></i>
                    <h5 class="card-title">用户管理</h5>
                    <p class="card-text">系统中共有 <strong>{{ stats.total_users }}</strong> 名注册用户</p>
                </div>
            </div>
        </div>
        <div class="col-md-4 mb-4">
            <div class="card h-100 shadow-sm">
                <div class="card-body text-center">
                    <i class="fas fa-user-tag fa-3x text-success mb-3"></i>
                    <h5 class="card-title">角色管理</h5>
                    <p class="card-text">系统中共有 <strong>{{ stats.total_roles }}</strong> 个用户角色</p>
                </div>
            </div>
        </div>
        <div class="col-md-4 mb-4">
            <div class="card h-100 shadow-sm">
                <div class="card-body text-center">
                    <i class="fas fa-key fa-3x text-warning mb-3"></i>
                    <h5 class="card-title">权限管理</h5>
                    <p class="card-text">系统中共有 <strong>{{ stats.total_permissions }}</strong> 种权限</p>
                </div>
            </div>
        </div>
    </div>
    
    <div class="row">
        <div class="col-12">
            <div class="card">
                <div class="card-header">
                    <h5 class="mb-0">系统功能特性</h5>
                </div>
                <div class="card-body">
                    <div class="row">
                        <div class="col-md-6">
                            <h6><i class="fas fa-shield-alt text-primary"></i> 安全特性</h6>
                            <ul>
                                <li>基于角色的访问控制(RBAC)</li>
                                <li>密码哈希存储</li>
                                <li>会话管理</li>
                                <li>OAuth认证支持</li>
                            </ul>
                        </div>
                        <div class="col-md-6">
                            <h6><i class="fas fa-cogs text-success"></i> 管理功能</h6>
                            <ul>
                                <li>用户管理</li>
                                <li>角色管理</li>
                                <li>权限管理</li>
                                <li>系统日志</li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
{% endblock %}